@charset "utf-8";

/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。
------------------------------------------------------------------------------------------------------ */

/* 全局样式
-------------------------------------------------------------- */
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:14px; font-family:"Microsoft YaHei","Arial"; color:#666;}
p{line-height:25px;}
img{ border:none; vertical-align:middle;}
td{ vertical-align:center; font-size:14px;}
*{margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{border:medium none;margin:0;padding:0;}
body,button,input,select,textarea{outline:none;}
ul,ol,li{list-style:none;}

img{border:0px;}
table{ }
html,body{height:auto;margin:0 auto;}
.hide{display:none;}
.clear{clear:both;}


h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin:0; padding:0;}
h2 { font-size: 2em;  margin:0; padding:0;}
h3 { font-size: 1.5em; line-height: 1;  margin:0; padding:0;}
h4 { font-size: 1.2em; line-height: 1.25; margin:0; padding:0;}
h5 { font-size: 1em;  margin:0; padding:0;}
h6 { font-size: 1em; }

/* 页面基本元素
-------------------------------------------------------------- */

/* 链接样式 */
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }

/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }


/* top
-------------------------------------------------------------- */
.top{
    width:100%;
    overflow:hidden;
    background:#eeeeee;
}
.topnr{
    width:1200px;
    overflow:hidden;
    margin:auto;
    line-height:35px;
}
.logotel{
    width:1200px;
    overflow:hidden;
    margin:auto;
    padding:10px 0;
}
.logo{
    width:72%;
    overflow:hidden;
}
.logo img{
    max-width:100%;
    height:auto;
}
.logo1{
    width:110px;
}

.logo2a{
    width:110px;
}
.logoinner img{
    width:auto;
}
.logo1{
    margin-right: 0px;
}
.logo3{
    border-left:solid 1px #a4a4a4;
    margin-left:28px;
    padding-left:17px;
    margin-top: 20px;
}
.tel{
    width:28%;
    overflow:hidden;
    text-align: right;
    margin-top: 13px;
}
.nav{
    width:100%;
    background:#114da5;
}
#main {
    width: 1200px;
    margin: 0 auto;
}

.menu li {
    width: 148px;
}

.submenu > li {
    background: #d9d8d8;
}

.submenu > li:nth-child(2n+1) {
    background: #f0f0f0;
    text-align: center;
}

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}





.menu, .menu ul {
    list-style: none;
    padding: 0;
}

.menu ul {
    margin: 0;
}
.menu {
    display: flex;
}
.menu > li {
    position: relative;
    display: block;
    outline: 0;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-left: solid 1px #1b75f9;
}
.menu > li a{
    color:#fff;
    font-size:16px;
    display:block;
}
.menu > li a:hover{
    background:#145ac2;
}
.submenu li{
    height:30px;
    line-height:30px;
}
.submenu li a{
    color:#484848;
}
.submenu li a:hover{
    color:#fff;
}
.submenu {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 0;
    overflow: hidden;
    /* IE8 needs this */
    overflow: hidden\0/ !important;
    max-height: 0;
    /* A .submenu should be only revealed when hovering the .menu */
    pointer-events: none;
}

.menu > li:hover .submenu, .menu > li:focus .submenu {
    pointer-events: auto;
    z-index: 10;
    max-height: 2000px;
    -webkit-transition: none;
    -moz-transition: none;
}

/* Default
 ================================================================= */
.submenu li {
    opacity: 0;

    -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
    -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
    -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
    -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
    transition: opacity .4s,         transform .6s, max-height .6s;
}

.menu > li:hover .submenu li, .menu > li:focus .submenu li {
    opacity: 1;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/* Bounce
 ================================================================= */
.bounce {
    overflow: visible;
}

.bounce li {
    -webkit-transform: translateX(-40%);
    -moz-transform: translateX(-40%);
    -ms-transform: translateX(-40%);
    -o-transform: translateX(-40%);
    transform: translateX(-40%);

    -webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
    -moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
    -ms-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
    -o-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
    transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
}

/* Radial
 ================================================================= */
.radial li {
    -webkit-transform: translateY(-120px) rotate(70deg);
    -moz-transform: translateY(-120px) rotate(70deg);
    -ms-transform: translateY(-120px) rotate(70deg);
    -o-transform: translateY(-120px) rotate(70deg);
    transform: translateY(-120px) rotate(70deg);

    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

/* Winding
 ================================================================= */
.winding {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}

.winding li {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

/* Shield
 ================================================================= */
.shield {
    overflow: visible;

    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}

.shield li {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);

    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;

    -webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
    -moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
    -ms-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
    -o-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
    transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
}

/* Pop
 ================================================================= */
.pop {
    overflow: visible;
}

.pop li {
    -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    -ms-transform: translateX(-80%);
    -o-transform: translateX(-80%);
    transform: translateX(-80%);

    -webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.5);
    -moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.5);
    -ms-transition-timing-function: cubic-bezier(0, .35, .5, 1.5);
    -o-transition-timing-function: cubic-bezier(0, .35, .5, 1.5);
    transition-timing-function: cubic-bezier(0, .35, .5, 1.5);
}


/* Helix
 ================================================================= */
.helix {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}

.helix li {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
}

/* Wave
 ================================================================= */
.wave li {
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;

    -webkit-transform: skewY(-90deg);
    -moz-transform: skewY(-90deg);
    -ms-transform: skewY(-90deg);
    -o-transform: skewY(-90deg);
    transform: skewY(-90deg);
}

/* Fan
 ================================================================= */
.fan li {
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;

    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* Papercut
 ================================================================= */
.papercut {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    -o-perspective: 600px;
    perspective: 600px;

    -webkit-perspective-origin: 0% 0%;
    -moz-perspective-origin: 0% 0%;
    -ms-perspective-origin: 0% 0%;
    -o-perspective-origin: 0% 0%;
    perspective-origin: 0% 0%;
}

.papercut li {
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;

    -webkit-transform: skewY(30deg);
    -moz-transform: skewY(30deg);
    -ms-transform: skewY(30deg);
    -o-transform: skewY(30deg);
    transform: skewY(30deg);
}

/* Fly
 ================================================================= */
.fly {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}

.fly li {
    -webkit-transform-origin: 50% 50% -50px;
    -moz-transform-origin: 50% 50% -50px;
    -ms-transform-origin: 50% 50% -50px;
    -o-transform-origin: 50% 50% -50px;
    transform-origin: 50% 50% -50px;

    -webkit-transform: rotateX( -180deg );
    -moz-transform: rotateX( -180deg );
    -ms-transform: rotateX( -180deg );
    -o-transform: rotateX( -180deg );
    transform: rotateX( -180deg );
}

/* Blind
 ================================================================= */
.blind li {
    max-height: 0;
}

.menu > li:hover .blind li, .menu > li:focus .blind li {
    /* This should be changed to the normal height of list-items */
    max-height: 30px;
}

/* Venitian
 ================================================================= */
.venitian li {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;

    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    -ms-transform: scale(1,0);
    -o-transform: scale(1,0);
    transform: scale(1,0);
}

/* Jaws
 ================================================================= */
.jaws li {
    -webkit-transform-origin: 50% -100px;
    -moz-transform-origin: 50% -100px;
    -ms-transform-origin: 50% -100px;
    -o-transform-origin: 50% -100px;
    transform-origin: 50% -100px;
}

.jaws li:nth-child(odd) {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.jaws li:nth-child(even) {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/* Fence
 ================================================================= */
.fence {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    -o-perspective: 600px;
    perspective: 600px;
}

.fence li:nth-child(odd) {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;

    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
}

.fence li:nth-child(even) {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;

    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}

/* Zipper
 ================================================================= */
.zipper li:nth-child(odd) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.zipper li:nth-child(even) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
/*-- 轮播广告 --*/
.bannerimg{width: 100%;overflow: hidden;max-width:1920px;margin: 0 auto;padding: 0;position: relative;margin-bottom: 10px;}
.flexslider{position:relative;height:auto;overflow:hidden;background:url(loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;;height:auto; overflow:hidden; margin:0;padding:0;}
.slides li{height:auto;}
.slides li img{width:100%;height:auto;}
.flex-control-nav{position:absolute;bottom:-1px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:187px;height:6px;margin:0 1px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:187px;height:5px;line-height:40px;overflow:hidden;background:url(../style/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(next.png) center center no-repeat;}
/*-- END 轮播广告 --*/

.tit{
    width:100%;
    overflow:hidden;
    background:url(../style/line1.jpg) no-repeat center bottom;
    text-align:center;
    line-height: 80px;
    color:#114da5;
    font-size:30px;
}
.tit a{
    color:#114da5;
    font-size:30px;
}
.pro{
    width:1200px;
    overflow:hidden;
    margin:auto;
    margin-top: 45px;
    margin-bottom: 17px;
}
.profl{
    width:165px;
}
.profltit{
    width:100%;
    height:60px;
    background:url(../style/fltitbg.jpg) no-repeat left;
    line-height:60px;
    text-align:center;
}
.profltit a{
    color:#fff;
    font-size:18px;
}
.proflnr{
    width:163px;
    border: solid 1px #e3e3e3;
}
.proflnr #profl{
    width:100%;
}
.proflnr ul li{
    width:100%;
    line-height: 55px;
    text-align:center;
    border-bottom: solid 1px #bfbfbf;
    position: relative;
}
.proflnr ul li a{
    display:block;
    color: #484848;
    font-size: 15px;
}
.proflnr #profl li .profl1 li{
    width:100%;
    line-height: 55px;
    text-align:center;
    border-bottom: solid 1px #bfbfbf;
}
.proflnr #profl li .profl1 {
    position: absolute;
    left: 163px; /* Set 1px less than menu width */
    top:-1px;
    display: none;
    width:163px;
    background:#fff;
    border: solid 1px #e3e3e3;
}
.proflnr ul li a:hover{
    background:url(../style/proflhover.jpg) no-repeat left top;
    color:#114da5;
}


.proflnr #profl li:hover .profl1,.proflnr #profl li.over .profl1 { display: block; } /* The magic */



.pronr{
    width:1020px;
    overflow:hidden;
}
.pronr .pronrtit{
    width:95%;
    height:48px;
    overflow:hidden;
    background:url(../style/protitbg.jpg) no-repeat left;
    border:solid 1px #d1d1d1;
    line-height:48px;
    padding-left:5%;
}
.pronr .pronrtit a{
    color:#fff;
    font-size:24px;
}
.pronr .pronrcont{
    width:100%;
    overflow:hidden;
    padding-top: 9px;
}
.pronr .pronrcont dl{
    width:227px;
    overflow:hidden;
    border:solid 1px #e3e3e3;
    margin: 21px 12px;
    float:left;
    box-shadow:0 0 3px 3px #f0f0f0;/*阴影*/
}
.pronr .pronrcont dl dt{
    width:100%;
    overflow:hidden;
}
.pronr .pronrcont dl dd{
    width:90%;
    overflow:hidden;
    margin: 0 5%;
    border-top: solid 1px #eaeaea;
    line-height: 25px;
    padding:5px 0;
}
.pronr .pronrcont dl dd .probt{
    width:100%;
    overflow:hidden;
    color:#333333;
    font-size:18px;
}
.pronr .pronrcont dl dd .probt b{ font-weight: normal;}
.pronr .pronrcont dl dd .proms{
    width:100%;
    height:50px;
    overflow:hidden;
}
.pronr .pronrcont dl dd .prock{
    width:85%;
    overflow:hidden;
    background:url(../style/yj_01.jpg) no-repeat left;
    padding-left:15%;
    font-size: 12px;
    color: #979797;
}
.pronr .pronrcont dl:hover  dd .prock{
    width:85%;
    overflow:hidden;
    background:url(../style/yj_01hover.jpg) no-repeat left;
    padding-left:15%;
    color:#0469E0;
}
.pronr .pronrcont dl:hover  dd .prock .right{
    color:#0469E0;
}
.aboutly{
    width:100%;
    overflow:hidden;
    background:url(../style/aboutbg.jpg) no-repeat top center;
}
.aboutly .about{
    width:1200px;
    overflow:hidden;
    margin:auto;
}
.aboutly .aboutnr{
    width:46%;
    overflow:hidden;
    float:right;
    margin-top: 47px;
    padding: 10px 1% 10px 3%;
}
.aboutly .aboutnr h3{
    width:100%;
    overflow:hidden;
    color:#114da5;
    font-size: 30px;
    line-height: 40px;
}

.aboutly .aboutnr p{
    width:100%;
    overflow:hidden;
    color:#dfdfe1;
    font-size: 38px;
    line-height: 55px;
    font-style:italic;
}
.aboutly .aboutnr .aboutcont{
    width:100%;
    overflow:hidden;
    line-height: 30px;
}
.more{
    width:100%;
    overflow:hidden;
    text-align:right;
    padding: 20px 0;
}
.more p{
    width:78px;
    height:35px;
    overflow:hidden;
    line-height:35px;
    float:right;
    border:solid 1px #114da5;
    text-align:center;
}
.more p a{
    color:#114da5;
    font-size:16px;
    display:block;
}
.more p a:hover{
    background:#114da5;
    color:#fff;
}
.ly{
    width:1200px;
    overflow:hidden;
    margin:auto;
    margin-top: 80px;
}
.ly .lynr{
    width:50%;
    overflow:hidden;
    padding-top: 20px;
}
.ly .lynr h3{
    width:100%;
    overflow:hidden;
    color:#114da5;
    font-size:30px;
    margin-bottom: 40px;
}
.ly .lynr h3 span{
    color:#d8a60f;
    font-size:42px;
}
.ly .lynr .ly1{
    width:86%;
    overflow:hidden;
    background:url(../style/ly_01.jpg) no-repeat left top;
    padding-left: 14%;
    margin: 20px 0;
}
.ly1tit{
    width:100%;
    overflow:hidden;
    font-size:20px;
    font-weight:bold;
    color:#1f1f1f;
    margin-bottom: 12px;
}
.ly1ms{
    width:90%;
    overflow:hidden;
}
.ly .lynr .ly2{
    width:86%;
    overflow:hidden;
    background:url(../style/ly_02.jpg) no-repeat left top;
    padding-left: 14%;
    margin: 20px 0;
}
.ly2tit{
    width:100%;
    overflow:hidden;
    font-size:20px;
    font-weight:bold;
    color:#1f1f1f;
    margin-bottom: 12px;
}
.ly2ms{
    width:89%;
    overflow:hidden;
}
.ly .lynr .ly3{
    width:86%;
    overflow:hidden;
    background:url(../style/ly_03.jpg) no-repeat left top;
    padding-left: 14%;
    margin: 20px 0;
}
.ly3tit{
    width:100%;
    overflow:hidden;
    font-size:20px;
    font-weight:bold;
    color:#1f1f1f;
    margin-bottom: 12px;
}
.ly3ms{
    width:89%;
    overflow:hidden;
}
.ly .lynr .ly4{
    width:86%;
    overflow:hidden;
    background:url(../style/ly_04.jpg) no-repeat left top;
    padding-left: 14%;
    margin: 20px 0;
}
.ly4tit{
    width:100%;
    overflow:hidden;
    font-size:20px;
    font-weight:bold;
    color:#1f1f1f;
    margin-bottom: 12px;
}
.ly4ms{
    width:98%;
    overflow:hidden;
}
.ly .lynr .ly5{
    width:86%;
    overflow:hidden;
    background:url(../style/ly_05.jpg) no-repeat left top;
    padding-left: 14%;
    margin: 20px 0;
}
.ly5tit{
    width:100%;
    overflow:hidden;
    font-size:20px;
    font-weight:bold;
    color:#1f1f1f;
    margin-bottom: 12px;
}
.ly5ms{
    width:94%;
    overflow:hidden;
}
.ggt{
    width:100%;
    overflow:hidden;
    margin-top:24px;
}
.ggt img{
    width:100%;
    height:auto;
}
.gylcjs{
    width:100%;
    overflow:hidden;
    text-align:center;
    line-height: 60px;
}
.gylcnr{
    width:100%;
    overflow:hidden;
    background: url(../style/gylcbg.jpg) no-repeat center top;
    padding: 40px 0;
}
.gylcimg{
    width:1200px;
    overflow:hidden;
    margin:auto;
}
.gylcnr img{
    width:100%;
    height:auto;
}
.hzhb{
    width:100%;
    overflow:hidden;
}
.hzhbjs{
    width:100%;
    overflow:hidden;
    text-align:center;
    line-height: 60px;
}
.hzhb{
    width:1200px;
    overflow:hidden;
    margin:auto;
}
.hzhb ul{
    width:100%;
    overflow:hidden;
}
.hzhb ul li{
    width: 232px;
    margin: 4px;
    overflow:hidden;
    float:left;
    text-align:center;
}
.hzhb ul li .hzhbimg{
    width:230px;
    overflow:hidden;
    border:solid 1px #e6e6e6;
}
.hzhb ul li .hzhbimg:hover ._full{transform:scale(1.05);-webkit-transform:scale(1.05); transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
._full:hover{transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);-ms-transform:scale(1.02,1.02);-o-transform:scale(1.02,1.02);-webkit-transform:scale(1.02,1.02);}
.hzhb ul li .hzhbbt{
    width:100%;
    overflow:hidden;
    line-height:30px;
    margin-top:15px;
    font-size:18px;
    color:#333333;
}
.ryzz{
    width:100%;
    overflow:hidden;
    background:#f4f4f4;
    margin-top: 35px;
}
.tit1{
    width:100%;
    overflow:hidden;
    background:url(../style/line1.jpg) no-repeat center bottom;
    text-align:center;
    line-height: 74px;
}
.tit1 a{
    color:#114da5;
    font-size:30px;
}
.ryzzjs{
    width:100%;
    overflow:hidden;
    text-align:center;
}
.ryzznr{
    width:1200px;
    overflow:hidden;
    margin:auto;
    margin-top: 15px;
}
.ryzznr ul li {
    width: 202px;
    overflow: hidden;
    float: left;
    margin: 15px 35px;
}
.entypo-cancel:before {
    content: "\2715";
}
.center-block, .carrousel, .carrousel .wrapper {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.portrait {
    cursor: pointer;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /*filter: grayscale(100%);*/
}
.portrait:hover {
    -moz-transform: scale(1.04, 1.04);
    -ms-transform: scale(1.04, 1.04);
    -webkit-transform: scale(1.04, 1.04);
    -webkit-filter: grayscale(0%);
    /*filter: grayscale(0%);*/
}

.carrousel {
    position: fixed;
    background-color: rgba(10, 10, 10, 0.8);
    display: none;
    z-index: 999;
}
.carrousel .wrapper {
    width: 500px;
    height: 714px;
    overflow: hidden;
    /*.loading{
      color: #FFF;
      font-size: 24px;
      margin: 40% 40%;
      display: none;
    }*/
}
.carrousel .wrapper > img {
    width: 100%;
}

.close {
    cursor: pointer;
    color: #FFF;
    position: absolute;
    top: 4px;
    right: 8px;
    font-size: 18px;
}
.close:hover {
    font-size: 20px;
    color: #DDD;
}
.ryzznr ul li .proimg{
    width: 100%;
    overflow: hidden;
}
.ryzznr ul li .proimgtit{
    width: 100%;
    overflow: hidden;
    line-height:40px;
    color:#333333;
    font-size:18px;
    text-align:center;
}
.ryzznr ul li .proimgms{
    width: 96%;
    padding:0 2%;
    overflow: hidden;
    background:#dce2e8;
    line-height:30px;
}
.h01 {
    padding: 157px 0 0 0;
    display: block;
    overflow: hidden;
    margin:0 17px;
}
.newsnr{
    width:1200px;
    overflow:hidden;
    margin:auto;
    margin-top: 20px;
    margin-bottom: 30px;
}
.newsnr dl{
    width:280px;
    overflow:hidden;
    position:relative;
    margin:10px;
    float:left;
}
.newsnr dl a:hover .newstime{
    background:url(../style/newstimebg_02.png) no-repeat center center;
}
.newsnr dl a:hover .newstime .day{
    color:#114da5;
}
.newsnr dl a:hover .newstime .year{
    color:#114da5;
}
.newsnr dl a:hover dd{
    background:#114da5;
}
.newsnr dl a:hover dd .newstit{
    color:#fff;
}
.newsnr dl a:hover dd .newsms{
    color:#fff;
}
.newsnr dl a:hover dd .newsxq p{
    color:#fff;
    border: solid 2px #fff;
}
.newsnr dl dt{
    width:100%;
    overflow:hidden;
}
.newsnr dl dd{
    width:90%;
    overflow:hidden;
    background:#f4f4f4;
    padding: 10px 5% 20px 5%;
}
.newsnr dl dd .newstit{
    width:100%;
    overflow:hidden;
    line-height:40px;
    font-size:16px;
    font-weight:bold;
    color:#333;
}
.newsnr dl dd .newsms{
    width:100%;
    overflow:hidden;
    color:#757575;
    line-height: 25px;
}
.newsnr dl dd .newsxq{
    width:100%;
    overflow:hidden;
    margin-top: 10px;
}
.newsnr dl dd .newsxq p{
    width:80%;
    height:40px;
    overflow:hidden;
    line-height:40px;
    border:solid 2px #114da5;
    font-weight:bold;
    text-align:center;
    margin:auto;
}
.newsnr dl .newstime{
    width:109px;
    height:112px;
    overflow:hidden;
    background:url(../style/newstimebg_01.png) no-repeat center center;
    position:absolute;
    top:72px;
    left:85px;
}
.newsnr dl .newstime .day{
    width:100%;
    overflow:hidden;
    text-align:center;
    color:#fff;
    font-size:30px;
    margin-top: 15px;
}
.newsnr dl .newstime .year{
    width:100%;
    overflow:hidden;
    text-align:center;
    color:#fff;
    font-size:20px;
}
.footer{
    width:100%;
    overflow:hidden;
    background:#02489b;
    padding-top:60px;
    padding-bottom:10px;
}
.footer .footernr{
    width:1200px;
    overflow:hidden;
    margin:auto;
    background:url(../style/footerbg.jpg) no-repeat center center;
}
.footer .footernr .footernr1{
    width:40%;
    overflow:hidden;
}
.footer .footernr .footernr1 div{
    width:100%;
    overflow:hidden;
    line-height:30px;
    color:#fff;
    font-size:18px;
    padding-bottom: 10px;
}
.footer .footernr .footernr1 p{
    width:100%;
    overflow:hidden;
    line-height:30px;
    color:#fff;
    opacity: .9;
}
.footer .footernr .footernr2{
    width:20%;
    overflow:hidden;
    line-height:30px;
    color:#fff;
    /* padding-left: 3%; */
}
.ewm{
    margin-top:12px;
}
.footer .footernr .footernr2 div{
    width:100%;
    overflow:hidden;
    line-height:30px;
    color:#fff;
    text-align:center;
}
.footer .footernr .footernr3{
    width:40%;
    overflow:hidden;
}
.footer .footernr .footernr3 div{
    width:100%;
    overflow:hidden;
    line-height:30px;
    color:#fff;
    font-size:18px;
    padding-bottom: 10px;
}
.footer .footernr .footernr3 p{
    width:100%;
    overflow:hidden;
    line-height:30px;
    color:#fff;
    opacity: .9;
}
.footer .footernr .footernr4{
    width:28%;
    overflow:hidden;
}
.footer .footernr .footernr4 div{
    width:100%;
    overflow:hidden;
    line-height:30px;
    color:#fff;
    font-size:18px;
}
.footer .footernr .footernr4 p{
    width:100%;
    overflow:hidden;
    line-height:30px;
    color:#fff;
}
.link{
    width:1200px;
    overflow:hidden;
    margin:auto;
    color:#fff;
    line-height: 30px;
    margin-top:10px;
    margin-bottom:10px;
}
.link a{
    color:#fff;
    padding:5px;
}
.bq{
    width:100%;
    overflow:hidden;
    background:#043d80;
}
.bq .bqnr{
    width:1200px;
    overflow:hidden;
    margin:auto;
    line-height:30px;
    padding: 14px 0 10px 0;
}
.bq .bqnr .bqnr1{
    width:30%;
    overflow:hidden;
    color:#fff;
}
.bq .bqnr .bqnr1 a{
    color:#fff;
    font-size: 13px;
}
.bq .bqnr .bqnr2{
    width:70%;
    overflow:hidden;
    color:#fff;
    text-align:right;
    font-size: 13px;
}
.bq .bqnr .bqnr2 a{
    color:#fff;
    font-size: 13px;
}


/*浮动客服*/
.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:150px;}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../style/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../style/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../style/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-20px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-20px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../style/blue_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}

.process_b{ width: 1100px; margin: 50px auto 0; background:#fff; height: 343px;}
.process_b li{ display: block; background: #fff; float: left;width: 219px; height: 343px; border-left: 1px solid #ddd; text-align: center; position: relative; font-size: 16px; line-height: 28px;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.process_b li p{ font-size: 20px; font-weight: bold; color: #333; line-height: 40px;}
.process_b li img{ display: block; margin:52px auto 15px;}
.process_b li:nth-child(5){ width: 218px; border-right: 1px solid #ddd;}
.process_b li dl{ display: block;top: -22px; position: absolute; right: 0; left: 0; }
.process_b li dl img{ margin-top: 0; width: auto;}
.process_b li:hover{ box-shadow: 0 10px 5px #ddd; color: #fff; background:#02489b;}
.process_b li:hover p{ color: #fff;}
.process_b li img{width: auto;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.process_b li:hover img{ transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); border:2px solid #fff; border-radius: 50%;}
.process_b li:hover dl img{ display: block; transform: none; border:none; border-radius:0;}